Node / reticulum_mirror / MeshChatX / files / meshchatx / src / frontend / components / relay / RelayMessageListVirtual.vue

Displaying Raw • Download

Tff7b72<!Tff7b72-Tff7b72- Te6edf3SPDXTff7b72-Te6edf3LicenseTff7b72-Te6edf3IdentifierTb4b4b4: T79c0ff0Te6edf3BSD Tff7b72-Tff7b72-Tff7b72>

Tff7b72<Te6edf3templateTff7b72>

Tff7b72<Te6edf3div Te6edf3classTff7b72=Ta5d6ff"Ta5d6ffrelative w-full shrink-0Ta5d6ff" Tb4b4b4:Te6edf3styleTff7b72=Ta5d6ff"Ta5d6ff{Ta5d6ff height: totalSize + Ta5d6ff'Ta5d6ffpxTa5d6ff'Ta5d6ff }Ta5d6ff"Tff7b72>

Tff7b72<Te6edf3div

Te6edf3vTff7b72-Tff7b72forTff7b72=Ta5d6ff"Ta5d6ffv in virtualItemsTa5d6ff"

Tb4b4b4:Te6edf3keyTff7b72=Ta5d6ff"Ta5d6ffentryKey(entries[v.index], v.index)Ta5d6ff"

Tb4b4b4:Te6edf3refTff7b72=Ta5d6ff"Ta5d6ffmeasureElementTa5d6ff"

Tb4b4b4:Te6edf3dataTff7b72-Te6edf3indexTff7b72=Ta5d6ff"Ta5d6ffv.indexTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"Ta5d6ffabsolute left-0 top-0 w-full box-border px-0 [overflow-anchor:none]Ta5d6ff"

Tb4b4b4:Te6edf3styleTff7b72=Ta5d6ff"Ta5d6ff{Ta5d6ff transform: `translateY($Tffd700{v.start}Ta5d6ffpx)` }Ta5d6ff"

Tff7b72>

Tff7b72<Te6edf3RelayMessageEntry Tb4b4b4:Te6edf3entryTff7b72=Ta5d6ff"Ta5d6ffentries[v.index]Ta5d6ff" Tb4b4b4:Te6edf3pageTff7b72=Ta5d6ff"Ta5d6ffpageTa5d6ff" Tff7b72/Tff7b72>

Tff7b72<Tff7b72/Te6edf3divTff7b72>

Tff7b72<Tff7b72/Te6edf3divTff7b72>

Tff7b72<Tff7b72/Te6edf3templateTff7b72>

Tff7b72<Te6edf3script Te6edf3setupTff7b72>

Tff7b72import Tb4b4b4{ Te6edf3computed Tb4b4b4} Tff7b72from Ta5d6ff"Ta5d6ffvueTa5d6ff"Tb4b4b4;

Tff7b72import Tb4b4b4{ Te6edf3useVirtualizer Tb4b4b4} Tff7b72from Ta5d6ff"Ta5d6ff@tanstack/vue-virtualTa5d6ff"Tb4b4b4;

Tff7b72import T7ee787RelayMessageEntry Tff7b72from Ta5d6ff"Ta5d6ff./RelayMessageEntry.vueTa5d6ff"Tb4b4b4;

Tff7b72import Tb4b4b4{ Te6edf3estimateRelayEntryHeightTb4b4b4, Te6edf3findRelayEntryIndexForMessageKey Tb4b4b4} Tff7b72from Ta5d6ff"Ta5d6ff./relayMessageListVirtual.jsTa5d6ff"Tb4b4b4;

Te6edf3const Te6edf3props Tff7b72= Te6edf3definePropsTb4b4b4({

Te6edf3entriesTb4b4b4: Tb4b4b4{

Tffa657typeTb4b4b4: Te6edf3ArrayTb4b4b4,

Te6edf3requiredTb4b4b4: Te6edf3trueTb4b4b4,

Tb4b4b4},

Te6edf3getScrollElementTb4b4b4: Tb4b4b4{

Tffa657typeTb4b4b4: Te6edf3FunctionTb4b4b4,

Te6edf3requiredTb4b4b4: Te6edf3trueTb4b4b4,

Tb4b4b4},

Te6edf3pageTb4b4b4: Tb4b4b4{

Tffa657typeTb4b4b4: Te6edf3ObjectTb4b4b4,

Te6edf3requiredTb4b4b4: Te6edf3trueTb4b4b4,

Tb4b4b4},

Tb4b4b4});

Te6edf3const Te6edf3virtualizer Tff7b72= Te6edf3useVirtualizerTb4b4b4(

Te6edf3computedTb4b4b4(() Tff7b72=Tff7b72> Tb4b4b4({

Te6edf3countTb4b4b4: Te6edf3propsTff7b72.Td2a8ffentriesTff7b72.Td2a8fflengthTb4b4b4,

Te6edf3getScrollElementTb4b4b4: Tb4b4b4() Tff7b72=Tff7b72> Te6edf3propsTff7b72.Td2a8ffgetScrollElementTb4b4b4() ?? Te6edf3nullTb4b4b4,

Te6edf3estimateSizeTb4b4b4: Tb4b4b4(Te6edf3indexTb4b4b4) Tff7b72=Tff7b72> Te6edf3estimateRelayEntryHeightTb4b4b4(Te6edf3propsTff7b72.Td2a8ffentriesTb4b4b4[Te6edf3indexTb4b4b4]),

Te6edf3overscanTb4b4b4: T79c0ff12Tb4b4b4,

Tb4b4b4}))

Tb4b4b4);

Te6edf3const Te6edf3virtualItems Tff7b72= Te6edf3computedTb4b4b4(() Tff7b72=Tff7b72> Te6edf3virtualizerTff7b72.Td2a8ffvalueTff7b72.Td2a8ffgetVirtualItemsTb4b4b4());

Te6edf3const Te6edf3totalSize Tff7b72= Te6edf3computedTb4b4b4(() Tff7b72=Tff7b72> Te6edf3virtualizerTff7b72.Td2a8ffvalueTff7b72.Td2a8ffgetTotalSizeTb4b4b4());

Te6edf3function Te6edf3entryKeyTb4b4b4(Te6edf3entryTb4b4b4, Te6edf3indexTb4b4b4) Tb4b4b4{

Tff7b72if Tb4b4b4(!Te6edf3entryTb4b4b4) Tb4b4b4{

Tff7b72return `Te6edf3idxTff7b72-$Tb4b4b4{Te6edf3indexTb4b4b4}`Tb4b4b4;

Tb4b4b4}

Tff7b72if Tb4b4b4(Te6edf3entryTff7b72.Td2a8fftype Tff7b72==Tff7b72= Ta5d6ff"Ta5d6ffdateDividerTa5d6ff"Tb4b4b4) Tb4b4b4{

Tff7b72return `Te6edf3dateTff7b72-$Tb4b4b4{Te6edf3entryTff7b72.Td2a8ffdayKeyTb4b4b4}Tff7b72-$Tb4b4b4{Te6edf3indexTb4b4b4}`Tb4b4b4;

Tb4b4b4}

Tff7b72if Tb4b4b4(Te6edf3entryTff7b72.Td2a8fftype Tff7b72==Tff7b72= Ta5d6ff"Ta5d6ffpresenceGroupTa5d6ff"Tb4b4b4) Tb4b4b4{

Tff7b72return `Te6edf3presenceTff7b72-$Tb4b4b4{Te6edf3entryTff7b72.Td2a8ffidTb4b4b4}Tff7b72-$Tb4b4b4{Te6edf3indexTb4b4b4}`Tb4b4b4;

Tb4b4b4}

Te6edf3const Te6edf3msgKey Tff7b72= Te6edf3propsTff7b72.Td2a8ffpageTff7b72.Td2a8ffmessageKeyTb4b4b4(Te6edf3entryTff7b72.Td2a8ffmsgTb4b4b4);

Tff7b72return Te6edf3msgKey ? `$Tb4b4b4{Te6edf3msgKeyTb4b4b4}Tff7b72-$Tb4b4b4{Te6edf3indexTb4b4b4}` Tb4b4b4: `Te6edf3idxTff7b72-$Tb4b4b4{Te6edf3indexTb4b4b4}`Tb4b4b4;

Tb4b4b4}

Te6edf3function Te6edf3measureElementTb4b4b4(Te6edf3elTb4b4b4) Tb4b4b4{

Tff7b72if Tb4b4b4(Te6edf3elTb4b4b4) Tb4b4b4{

Te6edf3virtualizerTff7b72.Td2a8ffvalueTff7b72.Td2a8ffmeasureElementTb4b4b4(Te6edf3elTb4b4b4);

Tb4b4b4}

Tb4b4b4}

Te6edf3function Te6edf3scrollToMessageKeyTb4b4b4(Te6edf3keyTb4b4b4) Tb4b4b4{

Te6edf3const Te6edf3idx Tff7b72= Te6edf3findRelayEntryIndexForMessageKeyTb4b4b4(Te6edf3propsTff7b72.Td2a8ffentriesTb4b4b4, Te6edf3keyTb4b4b4, Te6edf3propsTff7b72.Td2a8ffpageTff7b72.Td2a8ffmessageKeyTb4b4b4);

Tff7b72if Tb4b4b4(Te6edf3idx Tff7b72< T79c0ff0Tb4b4b4) Tb4b4b4{

Tff7b72returnTb4b4b4;

Tb4b4b4}

Te6edf3virtualizerTff7b72.Td2a8ffvalueTff7b72.Td2a8ffscrollToIndexTb4b4b4(Te6edf3idxTb4b4b4, Tb4b4b4{ Te6edf3alignTb4b4b4: Ta5d6ff"Ta5d6ffcenterTa5d6ff"Tb4b4b4, Te6edf3behaviorTb4b4b4: Ta5d6ff"Ta5d6ffsmoothTa5d6ff" Tb4b4b4});

Tb4b4b4}

Te6edf3function Te6edf3scrollToBottomTb4b4b4() Tb4b4b4{

Te6edf3const Te6edf3n Tff7b72= Te6edf3propsTff7b72.Td2a8ffentriesTff7b72.Td2a8fflengthTb4b4b4;

Tff7b72if Tb4b4b4(Te6edf3n Tff7b72==Tff7b72= T79c0ff0Tb4b4b4) Tb4b4b4{

Tff7b72returnTb4b4b4;

Tb4b4b4}

Te6edf3virtualizerTff7b72.Td2a8ffvalueTff7b72.Td2a8ffscrollToIndexTb4b4b4(Te6edf3n Tff7b72- T79c0ff1Tb4b4b4, Tb4b4b4{ Te6edf3alignTb4b4b4: Ta5d6ff"Ta5d6ffendTa5d6ff"Tb4b4b4, Te6edf3behaviorTb4b4b4: Ta5d6ff"Ta5d6ffautoTa5d6ff" Tb4b4b4});

Tb4b4b4}

Te6edf3defineExposeTb4b4b4({

Te6edf3scrollToMessageKeyTb4b4b4,

Te6edf3scrollToBottomTb4b4b4,

Tb4b4b4});

Tff7b72<Tff7b72/Te6edf3scriptTff7b72>